<template>
	<div class="container pd">
		<div class="pd flex-col head">
		   <div class="title mg"><span class="mg-r">还</span>商品归还（处理结果）</div>
		   <div class="pd">商品使用完毕，归还给商家退还押金</div>
		</div>
		<div class="pd-t-b bd-bottom">审核结果：<span class="moneyColor">未同意</span></div>
		<div class="pd-t-b">原因：</div>
		<div class="reason pd">
			<ul>
				<li class="pd-t-b">支付清洗费用</li>
				<li class="pd-t-b">支付清洗费用</li>
				<li class="pd-t-b">支付清洗费用</li>
			</ul>
		</div>
	</div>
</template>
<script>
	export default({
		data(){
			return{

			}
		},
		mounted(options){
			console.log(this.$route.params.id);
		}
	})
</script>
<style scoped lang="less">
	.container{
		background-color:#fff;
		border-top:.5rem solid #efefef;
	}
	.head{
		background-image:linear-gradient(to right, #f980bf, #ffb7dd);
		border-radius:5px;
		color:#fff;
		.title{
			font-size:1rem;
			span{
				display:inline-block;
				width:1.5rem;
				height:1.5rem;
				line-height:1.5rem;
				text-align:center;
				font-size:.8rem;
				border:1px solid #fff;
				border-radius:50%;
			}
		}
	}
	.reason{
		background-color:#efefef;
		border-radius:5px;

	}
</style>